<!-- directive:title 一闪的效果 -->
<!-- directive:breadcrumb 一闪的效果 -->
<div class="panel-body">
    <uib-tabset class="tab-container">
        <uib-tab heading="一闪的效果">
        <div class='panel-body'>
            <span class="count">1&thinsp;000&thinsp;000&thinsp;000</span>
            <style media="screen" ui-bs>
                span.count{
                    background:#40444f linear-gradient(130deg, #40444f 0%, #858c9c 10%, #40444f 20%, #40444f 75%, #c2c5ce 95%, #40444f 100%) 0 0 no-repeat;
                    color:rgba(0,0,0,0); text-shadow:none; animation:shine 4s linear infinite; display:block; font-size:4rem; font-weight:bold; cursor: pointer; user-select: none;
                }
                @-moz-keyframes shine{0%{background-position:-70rem}100%{background-position:70rem}}
                @-webkit-keyframes shine{0%{background-position:-70rem}100%{background-position:70rem}}
                @-o-keyframes shine{0%{background-position:-70rem}100%{background-position:70rem}}
                @keyframes shine{0%{background-position:-70rem}100%{background-position:70rem}}
            </style>
        </div>
    </div>
    <div class='panel panel-default'>
        <div class='panel-heading'> 一闪的效果 (鼠标hover触发) </div>
        <div class='panel-body'>
            <a href="Javascript:void(0)" class="logo"><span></span></a>
            <script type="text/xianjs" ui-bs>
                <a href="Javascript:void(0)" class="logo"><span></span></a>
            </script>
            <script type="text/javascript" ui-bs>
                setTimeout(function(){$(".logo").addClass("imhover")},2000);
                setTimeout(function(){$(".logo").removeClass("imhover")},5000);
            </script>
            <style media="screen" ui-bs>
                a.logo { display: block; background: url("../../../images/logo.Conpany.png") 0 0 no-repeat; height: 65px; width: 326px; overflow: hidden; }
                a.logo span { display: block; background: url("") no-repeat;background-position: -100px -100px;background-size: 50px 200px;transition-property: all; transition-duration: 1s; height: 100px; width: 400px; }
                a.logo:hover span,
                a.logo.imhover span{ background-position: 450px 0; }
            </style>
        </div>
    </div>
</div>
